import cn from 'classnames';
import PropTypes from 'prop-types';
import React from 'react';
import s from './style.module.css';

function Loading({ className, color }) {
	return (
		<svg
			className={cn(s.loading, className)}
			t="1603876904548"
			viewBox="0 0 1024 1024"
			version="1.1"
			xmlns="http://www.w3.org/2000/svg"
			p-id="1332"
		>
			<path
				d="M910.222222 455.111111v56.888889h-227.555555V455.111111h227.555555zM284.444444 455.111111v56.888889H56.888889V455.111111h227.555555z m170.666667 227.555556h56.888889v227.555555H455.111111v-227.555555zM455.111111 56.888889h56.888889v227.555555H455.111111V56.888889zM796.444444 756.622222l-39.822222 39.822222-159.288889-159.288888 39.822223-39.822223 159.288888 159.288889zM369.777778 329.955556l-39.822222 39.822222L170.666667 210.488889l39.822222-39.822222 159.288889 159.288889z m-39.822222 267.377777l39.822222 39.822223L210.488889 796.444444l-39.822222-39.822222 159.288889-159.288889zM756.622222 170.666667l39.822222 39.822222-159.288888 159.288889-39.822223-39.822222L756.622222 170.666667z"
				fill={color}
				p-id="1333"
			></path>
		</svg>
	);
}

Loading.propTypes = {
	className: PropTypes.string,
	color: PropTypes.string,
};
Loading.defaultProps = {
	className: '',
	color: '#1E1F23',
};

export default Loading;
